@font-face {
  font-family: 'DS'; /* 重命名字体名 */
  src: url('../fonts/DS-DIGIB.TTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DIN'; /* 重命名字体名 */
  src: url('../fonts/DINPro-Medium.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PingFang SC';
  src: url('../fonts/PingFang SC-Medium.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Han Serif';
  src: url('../fonts/SourceHanSerifCN-Bold.otf');
  font-weight: normal;
  font-style: normal;
}

.circleMarker {
  position: relative;
  .flagpole {
    position: absolute;
    left: 0;
    width: 56px;
    height: 133px;
    background: url('~@/assets/imgs/dashboard/flag.png') no-repeat;
    background-size: 100% 100%;
  }
  .flag {
    position: absolute;
    cursor: pointer;
    left: 28px;
    // top: -56px;
    border: 1px solid #02cd6e;
    min-width: 140px;
    .name {
      background: rgba(2, 254, 136, 0.8);
      padding: 0 5px;
      font-size: 16px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #014927;
      line-height: 30px;
    }
    .count {
      padding: 0 5px;
      background: rgba(1, 157, 84, 0.6);
      font-size: 18px;
      font-family: DIN;
      font-weight: 500;
      color: #02ff89;
    }
  }
}

.districtsMarker {
  cursor: pointer;
  border-radius: 4px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  .count {
    padding: 0 10px;
    background: #00ff96;
    border-radius: 4px 0px 0px 4px;
    font-size: 22px;
    font-family: DIN;
    font-weight: 500;
    color: #0b3763;
    position: relative;
    &::after {
      content: '';
      position: absolute;
      bottom: -16px; /* 使三角形在 div 的下方 */
      left: 50%!; // (MISSING)
      /*使三角形居中*/
      margin-left: -16px; /* 使三角形在水平方向上居中 */
      border-width: 8px;
      border-style: solid;
      border-color: #00ff96 transparent transparent transparent; /* 定义三角形样式 */
    }
  }
  .title {
    padding: 0 10px;
    // background: transparent;
    background: var(--theme-container-bg);
    border: 1px solid #00ff96;
    border-radius: 0px 4px 4px 0px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #00ff96;
  }
}

.industryMarker {
  cursor: pointer;
  img {
    width: 20px;
    height: 20px;
    // transform: translate3d(20px, 5px, 0);
  }
  .company-name {
    height: 30px;
    line-height: 30px;
    text-align: center;
    // padding: 0 10px;
    // background: linear-gradient(90deg, #005a35 0%, #00874f 100%);
    // border: 1px solid #00ff96;

    font-size: 12px;
    color: #7d3301;
    text-shadow: 1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-weight: bold;
    font-family: PingFang SC;
  }
}

.info-window {
  width: 410px;
  height: 584px;
  background: rgba(9, 37, 110, 0.86);
  border: 1px solid #155ba3;
  border-radius: 4px;
  font-family: PingFang SC;

  .info-window-title {
    height: 72px;
    padding: 10px 10px 6px 15px;
    position: relative;
    background: rgba(24, 102, 182, 0.3);
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #0e3e6f, #09436f, #0484cd, #076aa8, #084f80, #0a3a63) 1 1 1 1;
    .companyImg {
      width: 56px;
      height: 56px;
      border-radius: 4px;
      margin-right: 10px;
    }

    .right-content {
      .company {
        font-size: 18px;
        font-weight: 500;
        color: #84d2ff;
        margin-right: 5px;
      }
      .industry {
        padding: 0 7px;
        border: 1px solid #00b56b;
        background: linear-gradient(90deg, #00874f 100%);
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        color: #00ff96;
      }

      .address {
        img {
          width: 12px;
          height: 14px;
          margin-right: 5px;
        }
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #00a2ff;
      }
    }

    .close {
      cursor: pointer;
      position: absolute;
      top: -10px;
      right: -10px;
    }
  }

  .info-content {
    padding: 0 14px;
    position: relative;
    .police-img {
      width: 80px;
      height: 88px;
      position: absolute;
      right: 26px;
      bottom: 150px;
    }
    .common-title {
      display: inline-block;
      margin: 13px 0;
      padding: 0 8px;
      background: rgba(0, 162, 255, 0.3);
      border: 1px solid #0082cc;
      font-size: 14px;
      font-weight: bold;
      color: #00a1f5;
    }

    .common-info-wrap {
      margin-bottom: 10px;
      .lable {
        width: 60px;
        line-height: 21px;
        text-align: justify;
        text-align-last: justify;
        font-size: 14px;
        font-weight: 500;
        color: #007ec6;
      }
      .value {
        margin-left: 5px;
        font-size: 14px;
        font-weight: 500;
        color: #84d2ff;
        img {
          display: none;
        }
      }
      .click-style {
        cursor: pointer;
        color: #00ff96;
      }
    }
  }
}
